$(function() {
    var flagUser = false
    var flagPwd = false
        // var flagAllow = false
    var $user_name = $("#account")
    var $pwd = $('#password')
    var $allow = $(".rememberme")
        // 1.如果失去焦点，则进行检查判断用户名是否合法
    $user_name.blur(function() {
        // 封装函数 调用函数
        fnCheckUser()
    })

    function fnCheckUser() {
        // 获取用户输入的数据
        var vals = $user_name.val()
            // 正则，正则验证用户输入的数据是否合法
        var re = /^\w{6,20}$/

        if (vals == '') {
            $user_name.parent().next().show().html('用户名不能为空')
            flagUser = false
            return
        }
        if (re.test(vals)) {
            // 合法 -- 隐藏报错信息
            $user_name.parent().next().hide()
            flagUser = true
        } else {
            // 不合法 -- 报错 -- 下面的span标签显示
            $user_name.parent().next().show().html('用户名是6-20位数字、字母和下划线！')
            flagUser = false
        }
    }

    // 2.如果密码框失去焦点，则进行检查判断密码是否合法
    $pwd.blur(function() {
        // 封装函数，调用函数
        fnCheckPwd()
    })

    function fnCheckPwd() {
        // 获取密码框输入的数据
        var vals = $pwd.val()
            // 密码正则匹配表达式
        var rePass = /^[\w!-@#$%^&*]{6,20}$/
            // 如果输入框为空，则提示不能为空并return
        if (vals == '') {
            $pwd.parent().next().show().html('密码不能为空')
            flagPwd = false
            return
        }
        // 正则验证密码输入是否合法
        if (rePass.test(vals)) {
            // 如果匹配成功，则隐藏span标签
            $pwd.parent().next().hide()
            flagPwd = true
        } else {
            // 如果匹配失败，则显示span标签，替换提示信息
            $pwd.parent().next().show().html('密码是6到20位字母、数字，还可包含@!#$%^&*-字符')
            flagPwd = false
        }
    }
    $allow.click(function() {
            fnCheckAllow()
        })
        // 封装函数
    function fnCheckAllow() {
        var storage = window.localStorage;
        if ($allow.is(':checked')) {
            //存储到loaclStage
            storage["loginphone"] = $user_name.val();
            storage["loginpwd"] = $pwd.val();
            storage["isstorename"] = "yes";
        } else {
            storage["loginphone"] = "";
            storage["loginpwd"] = "";
            storage["isstorename"] = "no";

        }
        //判断是否存在过用户
        if ("yes" == storage["isstorename"]) {
            $allow.attr("checked", true);
            $user_name.val(storage["loginphone"]);
            $pwd.val(storage["loginpwd"]);
        }
    }


    // function load_data() {
    //     var theme = localStorage.getItem("username");
    //     if (theme == null || theme == "") {
    //         $("#cue").show();
    //         $("#uname").html('');
    //     } else {
    //         $("#cue").hide();
    //         $("#uname").html(theme);
    //     }

    // }

    // function exitu() {
    //     localStorage.removeItem("username");
    //     //刷新部分
    //     load_data();
    // }



    $(".login-btn").click(function() {
        if (flagUser && flagPwd) {
            $.ajax({
                type: "POST",
                url: "../goodsAndShoppingCart/login.php",
                data: {
                    username: $("#account").val(),
                    userpass: $("#password").val()
                },
                success: function(msg) {
                    console.log(msg);
                    if (msg == "success") {
                        // $("#account").click();
                        //把用户名密码存储在session里面，首页显示用户名称
                        // localStorage.setItem("username", username);
                        // load_data();
                        alert("登陆成功，为您跳转首页");
                        location.href = "index.html";
                    } else {
                        // $("#password").val('');
                        alert("登陆失败");
                    }
                }
            });
        } else {
            alert("请完善登录内容")

        }

    })
})